/*
 * Copyright 2016 Crown Copyright
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.tabLayout {
}

.tabLayout .contentOuter {
	width: 100%;
	height: 100%;
	padding-top: 4px;
	padding-left: 4px;
}

.tabLayout .contentInner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
}

.tabLayout .barOuter {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 20px;
	padding: 0 70px 0 0;
	cursor: default;
	overflow: hidden;
	z-index: 5;
}

.tabLayout .barInner {
	position: relative;
	padding-top: 2px;
	width: 100%;
	height: 100%;
}

.tabLayout .buttons {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 1px;
	z-index: 5;
}

.tabLayout .content {
	position: relative;
	width: 100%;
	height: 100%;
}

.tabLayout .settingsButton {
	color: #ddd;
}

.tabLayout .settingsButton:hover {
    color: #9E9E9E;
}

.tabLayout .closeButton {
	color: #ddd;
}

.tabLayout .closeButton:hover {
    color: #D32F2F;
}